<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<meta name="mobile-web-app-capable" content="yes">
<title>2016科技活动周</title>
<link rel="stylesheet" href="css/amazeui.css">
<link rel="stylesheet" href="css/swiper.css">
<link rel="stylesheet" href="css/app.css">
</head>

<body>
<div class="top">
  <div class="topbox">
    <div class="logo"><a href="index.html"><img src="images/logo.png" alt=""/></a></div>
    <div class="nav"><a href="wzhdz.html"><span>玩转活动周</span></a> <a href="hdgl.html"><span>活动攻略</span></a> <a href="zrzx.html"><span>最热资讯</span></a> <a href="tmsys.html"><span>探秘实验室</span></a> <a href="ltkj.html"><!--span>聆听科技</span></a> <a href="jcsj.html"><span>竞赛实践</span--></a></div>
  </div>
</div>
<!-- Swiper -->
<div class="swbox">
  <div class="swiper-container swiper11">
    <div class="swiper-wrapper">
      <div class="swiper-slide slide1"><img src="images/banner.jpg" alt=""/></a></div>
      <div class="swiper-slide">第二张广告图</div>
      <div class="swiper-slide">第三张广告图</div>
    </div>
    <!-- Add Pagination -->
    <!--div class="swiper-pagination swiper-pagination11"></div-->
  </div>
</div>
<div class="swapbox2">
  <div class="swap2" style="position:relative">
    <div class="swap">
      <div class="swiper-container swiper12">
        <div class="swiper-wrapper">
          <div class="swiper-slide"><img src="upfiles/data1.png" alt="" onClick="javascript:window.open('wzhdz.html?day=2016-5-14')"/></div>
          <div class="swiper-slide"><img src="upfiles/data2.png" alt="" onClick="javascript:window.open('wzhdz.html?day=2016-5-15')"/></div>
          <div class="swiper-slide"><img src="upfiles/data3.png" alt="" onClick="javascript:window.open('wzhdz.html?day=2016-5-16')"/></div>
          <div class="swiper-slide"><img src="upfiles/data4.png" alt="" onClick="javascript:window.open('wzhdz.html?day=2016-5-17')"/></div>
          <div class="swiper-slide"><img src="upfiles/data5.png" alt="" onClick="javascript:window.open('wzhdz.html?day=2016-5-18')"/></div>
          <div class="swiper-slide"><img src="upfiles/data6.png" alt="" onClick="javascript:window.open('wzhdz.html?day=2016-5-19')"/></div>
		  <div class="swiper-slide"><img src="upfiles/data7.png" alt="" onClick="javascript:window.open('wzhdz.html?day=2016-5-20')"/></div>
		  <div class="swiper-slide"><img src="upfiles/data8.png" alt="" onClick="javascript:window.open('wzhdz.html?day=2016-5-21')"/></div>
        </div>
        
        <!-- Add Pagination 
        <div class="swiper-pagination12"></div>--> 
      </div>
    </div>
    <div class="swiper-button-next12"></div>
    <div class="swiper-button-prev12"></div>
  </div>
</div>
<div class="cle68"></div>
<div class="swap">
  <div class="swapban">
    <div class="hobox">
      <h2><span>最热资讯</span><a href="zrzx.html">更多>></a></h2>
      <div class="hobox_1"> <a id="topA" href="#" class="new_pic"><img id="topImg" class="lazy" alt="" src=""  />
        <p id="topTitle"></p>
        </a>
        <ul id="newsRoot">
         
        </ul>
      </div>
    </div>
    <div class="cle68"></div>
    <!--div class="hobox">
      <h2><span>探秘实验室</span><a href="newslist.html">更多>></a></h2>
      <div class="hobox_2">
        <ul>
          <li class="hobox_2_1">
            <p><span>上海市激光束精细加工重点实验室 (上海市激光技术研究所) </span><i>开放时间:5月17日－24日9:00-16:00（免费）<br>
              地址:上海市徐汇区宜山路770号1号楼 一楼 （近虹漕路口）</i></p>
          </li>
          <li class="hobox_2_0"></li>
          <li class="hobox_2_2">
            <p><span>上海市激光束精细加工重点实验室 (上海市激光技术研究所) </span><i>开放时间:5月17日－24日9:00-16:00（免费）<br>
              地址:上海市徐汇区宜山路770号1号楼 一楼 （近虹漕路口）</i></p>
          </li>
          <li class="hobox_2_0"></li>
          <li class="hobox_2_3">
            <p><span>上海市激光束精细加工重点实验室 (上海市激光技术研究所) </span><i>开放时间:5月17日－24日9:00-16:00（免费）<br>
              地址:上海市徐汇区宜山路770号1号楼 一楼 （近虹漕路口）</i></p>
          </li>
        </ul>
      </div>
    </div-->
  </div>
  <div class="swapban">
    <div class="hobox hoboxr">
      <h2><span>活动攻略</span><a href="hdgl.html">更多>></a></h2>
      	<div id="glRoot" class="hobox_3"> 
	    
		
		</div>
    </div>
    <div class="cle68"></div>
    <!--div class="hobox hoboxr">
      <h2><span>聆听科技</span><a href="newslist.html">更多>></a></h2>
      <div class="hobox_4"> <a href="#" class="new_pic"><img class="lazy" alt="" src="images/loding.gif" data-original="upfiles/112.png" /> </a>
        <p>《火星救援》是由二十世纪福斯电影公司出品，由雷德利·斯科特执导，马特·达蒙、杰西卡·查斯坦、塞巴斯蒂安·斯坦、阿卡塞尔·亨涅联袂出演的科幻片。该片根据安迪·威尔的同名小说改编，讲述了由于一场沙尘暴，马克与他的团队失联，《火星救援》是由二十世纪福斯电影公司出品，由雷德利·斯科特执导，马特·达蒙、杰西卡·查斯坦、塞巴斯蒂安·斯坦、阿卡塞尔·亨涅联袂出演的科幻片。该片根据安迪·威尔的同名小说改编，讲述了由于</p>
      </div>
    </div-->
  </div>
  <!--div class="cle68"></div>
  <div class="hobox">
    <h2><span>竞赛实践</span><a href="newslist.html">更多>></a></h2>
  </div-->
</div>
<!--div class="swapbox3">
  <div class="swap2" style="position:relative">
    <div class="swap">
      <div class="swiper-container swiper13">
        <div class="swiper-wrapper">
          <div class="swiper-slide"><a href="#" class="new_pic1"><img  alt="" src="upfiles/p1.png" />
            <p>蒋旻宸<br>
              2014年创立并担任上海大不自多信息科技公司CEO。<i>更多</i></p>
            </a></div>
          <div class="swiper-slide"><a href="#" class="new_pic1"><img  alt="" src="upfiles/p2.png" />
            <p>
            <p>蒋旻宸<br>
              2014年创立并担任上海大不自多信息科技公司CEO。<i>更多</i></p>
            </a></div>
          <div class="swiper-slide"><a href="#" class="new_pic1"><img  alt="" src="upfiles/p3.png" />
            <p>
            <p>蒋旻宸<br>
              2014年创立并担任上海大不自多信息科技公司CEO。<i>更多</i></p>
            </a></div>
          <div class="swiper-slide"><a href="#" class="new_pic1"><img alt="" src="upfiles/p4.png" />
            <p>
            <p>蒋旻宸<br>
              2014年创立并担任上海大不自多信息科技公司CEO。<i>更多</i></p>
            </a></div>
          <div class="swiper-slide"><a href="#" class="new_pic1"><img  alt="" src="upfiles/p5.png" />
            <p>
            <p>蒋旻宸<br>
              2014年创立并担任上海大不自多信息科技公司CEO。<i>更多</i></p>
            </a></div>
        </div>
        
        
      </div>
    </div>
    <div class="swiper-button-next13"></div>
    <div class="swiper-button-prev13"></div>
  </div>
</div-->
<div class="cle68"></div>
<div class="foot">
  <div class="swap">
    <div class="wrap">
      <div class="tabs"> <a href="#" hidefocus="true" class="active">联席会议成员单位</a> <a href="#" hidefocus="true">区县科委<i></i></a> <a href="#" hidefocus="true">区县科普网站<i></i></a> <a href="#" hidefocus="true">其他科技网站<i></i></a> </div>
      <div class="swiper-container2">
        <div class="swiper-wrapper">
          <div class="swiper-slide2 ">
            <div class="content-slide"> <a href="http://www.shjcdj.cn/djw/" target="_blank">中共上海市委组织部</a><a href="http://xcb.sh.gov.cn/" target="_blank">中共上海市委宣传部</a><a href="http://www.wmsh.gov.cn/" target="_blank">上海市精神文明建设委员会办公室</a><a href="http://www.shdrc.gov.cn/" target="_blank">上海市发展和改革委员会</a><a href="http://www.sheitc.gov.cn/" target="_blank">上海市经济和信息化委员会</a><a href="http://www.shmec.gov.cn/" target="_blank">上海市教育委员会</a><a href="http://www.stcsm.gov.cn/" target="_blank">上海市科学技术委员会</a><a href="http://www.sast.gov.cn/" target="_blank">上海市科学技术协会</a><a href="http://www.shucm.sh.cn/gb/jsjt2009/index.html" target="_blank">上海市城乡建设和管理委员会</a><a href="http://www.shgzw.gov.cn/" target="_blank">上海市国有资产监督管理委员会</a><a href="http://www.wsjsw.gov.cn/wsj/" target="_blank">上海市卫生和计划生育委员会</a><a href="http://e-nw.shac.gov.cn/" target="_blank">上海市农业委员会</a><a href="http://www.czj.sh.gov.cn/" target="_blank">上海市财政局</a><a href="http://www.12333sh.gov.cn/" target="_blank">上海市人力资源和社会保障局</a><a href="http://lyw.sh.gov.cn/" target="_blank">上海市旅游局</a><a href="http://www.sepb.gov.cn/fa/cms/shhj/index.htm" target="_blank">上海市环境保护局</a><a href="http://cbj.sh.gov.cn/index.jsp" target="_blank">上海市新闻出版局</a><a href="http://wgj.sh.gov.cn/" target="_blank">上海市文化广播影视管理局</a><a href="http://www.shzgh.org/" target="_blank">上海市总工会</a><a href="http://www.shyouth.net/html/defaultsite/portal/index/index.htm" target="_blank">共青团上海市委</a><a href="http://www.shwomen.org/" target="_blank">上海市妇女联合会</a><a href="http://www.sssa.org.cn/" target="_blank">上海市社会科学界联合会</a><a href="http://www.cst.sh.cn/" target="_blank">中国科学院上海分院</a><a href="http://www.sast.org.cn/" target="_blank">上海科学院</a><a href="http://www.shwenyi.com.cn/" target="_blank">上海市文联</a><a href="http://www.sstm.org.cn/kjg_Web/" target="_blank">上海科技馆</a><a href="http://www.shfda.gov.cn/gb/node2/node3/index.html" target="_blank">上海市食品药品监督管理局</a><a href="http://www.csj.sh.gov.cn/pub/" target="_blank">上海市税务局</a><a href="http://www.sstm.org.cn/kjg_Web/html/kpfundsite/portal/index/index.htm" target="_blank">上海科普教育发展基金会</a> </div>
          </div>
          <div class="swiper-slide2 hide">
            <div class="content-slide"> <a href="http://kw.huangpuqu.sh.cn/hpkw/" target="_blank">黄浦区科委</a><a href="http://www.jingan.gov.cn/" target="_blank">静安区科委</a><a href="http://kw.changning.sh.cn/" target="_blank">长宁区科委</a><a href="http://kj.xh.sh.cn/xhkw/" target="_blank">徐汇区科委</a><a href="http://ptkj.shpt.gov.cn/" target="_blank">普陀区科委</a><a href="http://www.shk.gov.cn/" target="_blank">虹口区科委</a><a href="http://kw.shzb.gov.cn/zbkw/" target="_blank">闸北区科委</a><a href="http://ypkw.shyp.gov.cn/" target="_blank">杨浦区科委</a><a href="http://www.techpudong.gov.cn/" target="_blank">浦东新区科委</a><a href="http://www.shmh.gov.cn" target="_blank">闵行区科委</a><a href="http://bskw.baoshan.sh.cn/bskw/" target="_blank">宝山区科委</a><a href="http://sjkw.songjiang.gov.cn/" target="_blank">松江区科委</a><a href="http://scien.shqp.gov.cn/gb/special/node_4788.htm" target="_blank">青浦区科委</a><a href="http://www.keji.jiading.gov.cn/index.aspx" target="_blank">嘉定区科委</a><a href="http://www.jskw.gov.cn/html/" target="_blank">金山区科委</a><a href="http://www.fxkj.gov.cn/main/index.asp" target="_blank">奉贤区科委</a><a href="http://cmkj.shcm.gov.cn/portal/index/index.htm" target="_blank">崇明县科委</a> </div>
          </div>
          <div class="swiper-slide2 hide">
            <div class="content-slide"> <a href="http://scien.shqp.gov.cn/gb/special/node_19926.htm" target="_blank">青浦科普</a><a href="http://www.pdkp.org/" target="_blank">浦东科普网 </a><a href="http://ceshi5.71tong.net/html/" target="_blank">金山科普 </a><a href="http://jdkp.chinese-jn.com/" target="_blank">嘉定科普服务平台</a><a href="http://mhkp.123js.cn/" target="_blank">闵行科普网</a><a href="http://kj.xh.sh.cn/xhkw/xhkp2/index.aspx" target="_blank">徐汇科普</a><a href="http://bkfj.net/" target="_blank">宝科普风景线</a> </div>
          </div>
          <div class="swiper-slide2 hide">
            <div class="content-slide"> <a href="http://www.kepu.gov.cn/" target="_blank">中国科普网</a><a href="http://www.asseb.cn/" target="_blank">上海市科普教育基地联合会 </a><a href="http://www.xinmin.cn/kepu/" target="_blank">上海科普大讲坛 </a><a href="http://www.cae-shc.gov.cn/" target="_blank">上海院士中心 </a><a href="http://www.hxlib.sh.cn/" target="_blank">沪杏科技图书馆</a><a href="http://www.kpjy.org.cn/" target="_blank">上海科普教育促进中心</a><a href="http://www.kepu001.com/" target="_blank">上海科普事业中心</a><a href="http://www.stcec.com/index.asp" target="_blank">上海科技会展有限公司</a><a href="http://www.sgst.cn/" target="_blank">上海市研发公共服务平台管理中心</a> </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="bottom">主办单位：全国科技活动周（上海）组委会上海科技节组委会<br>
  活动最终解释权归组委会所有<br>
  沪ICP备10209921号-5</div>
<script src="js/jquery.min.js"></script> 

<!-- Swiper JS --> 
<script src="js/swiper.js"></script> 

<script src="js/jquery.lazyload.min.js"></script> 
<script src="js/config.js"></script> 
<script src="js/util.js"></script> 
<!-- Initialize Swiper --> 
<script>
    
	
	
	$(document).ready(function(e) {
		
		var swiper = new Swiper('.swiper11', {
        pagination: '.swiper-pagination11',
        paginationClickable: true
    });
 
  var swiper = new Swiper('.swiper12', {
       // pagination: '.swiper-pagination12',
	    nextButton: '.swiper-button-next12',
        prevButton: '.swiper-button-prev12',
        slidesPerView: 5,
        paginationClickable: true,
        spaceBetween: 0,
		loop: false,
		grabCursor: true
    });
	
	var swiper = new Swiper('.swiper13', {
       // pagination: '.swiper-pagination12',
	    nextButton: '.swiper-button-next13',
        prevButton: '.swiper-button-prev13',
        slidesPerView: 4,
        paginationClickable: true,
        spaceBetween: 30,
		loop: true,
		grabCursor: true
    });
 $("img.lazy").lazyload({
    effect : "fadeIn"
});

	$.ajax({
             type: "get",
             async: false,
             url: newsRoot+"/index.php/Home/index/newslist/p/1.html?classid=1",
             dataType: "jsonp",
             jsonp: "callback", 
             jsonpCallback:"jsonpReturn",
             success: function(content){
				 var $ul =""; 
				 var maxNum=6;
				 var data=content.data;
				 var num = maxNum > data.length ? data.length : maxNum;
				//data=data.sort(sortByIdDesc);
				 $("#topImg").attr("src",coverImgRoot+data[0].pic_0);
				 $("#topTitle").html(data[0].title_cn);
				 $("#topA").attr("href","zrzx_info.html?id="+data[0].id);
                 for(var i=1;i<num;i++){
					//$("<li/>").text(v.id + " " + v.title_cn).appendTo($ul) 
					
					$ul +='<li><a target="_blank" href="zrzx_info.html?id='+data[i].id+'">'+data[i].title_cn+'</a>';
					
				 } 
				 $("#newsRoot").html($ul); 
             },
             error: function(){
                 alert('fail');
             }
         });


		$.ajax({
             type: "get",
             async: false,
             url: newsRoot+"/index.php/Home/index/newslist/p/1.html?classid=17",
             dataType: "jsonp",
             jsonp: "callback", 
             jsonpCallback:"jsonpReturn2",
             success: function(content){
				 var $ul =""; 
				 var maxNum=2;
				 var data=content.data;
				 var num = maxNum > data.length ? data.length : maxNum;
				 //data=data.sort(sortByIdDesc);
				
                 for(var i=0;i<num;i++){
					//$("<li/>").text(v.id + " " + v.title_cn).appendTo($ul) 
					$ul +='<a id="gl1a" href="hdgl_info.html?id='+data[i].id+
					'" class="new_pic"><img class="lazy" alt="" src="'+coverImgRoot+data[i].pic_0+'"  /><p style="font-size:16px;">'+data[i].title_cn+
					'</p>        </a> ';
					
					
				 } 
				 $("#glRoot").html($ul); 
             },
             error: function(){
                 alert('fail');
             }
         });

    });
    </script>
</body>
</html>
